<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://"
			+ request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>sixiou管理</title>
<!-- 导入自定义样式 -->
<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/css/custom.css">
<!-- 导入自定义js脚本 -->
<script type="text/javascript" src="${pageContext.request.contextPath}/js/custom.js"></script>
<!-- 导入日期拾取器 -->
<script type="text/javascript" src="${pageContext.request.contextPath }/My97DatePicker/WdatePicker.js"></script>
<script type="text/javascript">
/* 声明复选框数组的引用 */
var cbs;
/* 声明全选/全不选复选框的引用 */
var selectcb;
/* 声明反选复选框的引用 */
var reverseselectcb;
/* 定义全局标记，默认全不选 */
var flag=false;
/* 当网页加载完毕后立刻执行 */
window.onload=function(){
	/* 获取所有的那么是cb的checkbox[数组] */
	cbs=document.getElementsByName("cb");
	/* 获取全选/全不选复选框 */
	selectcb=document.getElementById("selectcb");
	/* 获取反选复选框 */
	reverseselectcb=document.getElementById("reverseselectcb");
	/* 循环遍历复选框数组 */
	for(var i=0;i<cbs.length;i++){
		/* 为每一个复选框绑定状态改变事件 */
		cbs[i].onchange=function(){
			/* 校验复选框数组 */
			validate();
		}
	}
	/* 为全选/全不选复选框绑定状态改变监听器 */
	selectcb.onchange=function(){
		/* 获取全选/全不选复选框的选择状态 */
		flag=selectcb.checked;
		/* 执行全选/全不选操作 */
		batchSelect();
	};
	/* 反选复选框的状态改变监听 */
	reverseselectcb.onchange=function(){
		/* 循环遍历复选框数组 */
		for(var i=0;i<cbs.length;i++){
			/* 为每一个复选框数组设置全局标记 */
			cbs[i].checked=!cbs[i].checked;
		}
		/* 校验复选框数组 */
		validate();
	};
}
/* 校验复选框数组 */
function validate() {
	/* 循环遍历复选框数组 */
	for(var i=0;i<cbs.length;i++){
		/* 当有一个未选中 */
		if (!cbs[i].checked) {
			/* 设置全局标记false */
			flag=false;
			/* 设置全选/全不选复选框不选中 */
			selectcb.checked=flag;
			/* 退出 */
			return;
		}
	}
	/* 设置全局标记true */
	flag=true;
	/* 全选 */
	batchSelect();
}
/* 根据全局标记flag，执行全选/全不选的操作 */
function batchSelect() {
	/* 循环遍历复选框数组 */
	for(var i=0;i<cbs.length;i++){
		/* 为每一个复选框数组设置全局标记 */
		cbs[i].checked=flag;
	}
	/* 为全选/全不选复选框设置全局标记 */
	selectcb.checked=flag;
}
/* 批量删除 */
function batchDelete() {
	/* 声明ids的引用 */
	var ids=null;
	/* 循环遍历复选框数组 */
	for(var i=0;i<cbs.length;i++){
		/* 若当前复选框选中 */
		if (cbs[i].checked==true) {
			/* 给ids拼接当前id，用逗号进行分割 */
			if (ids==null) {
				ids=cbs[i].getAttribute("cbid");
			}else {
				ids+=","+cbs[i].getAttribute("cbid");
			}
		}
	}
	/* 若ids不为空 */
	if (ids!=null) {
		if(confirm("确认删除编号是"+ids+"的记录吗？")){
			/* 跳转删除 */
			location.href="${pageContext.request.contextPath}/sixiou/deleteById?ids="+ids;
		}
	}
}
</script>
	<link rel="stylesheet" href="${pageContext.request.contextPath }/layui/css/layui.css" media="all">
    <script src="${pageContext.request.contextPath }/layui/layui.js"></script>
</head>
<body class="childrenBody">
    <br>
    
    <blockquote class="layui-elem-quote quoteBox">
			<div class="layui-inline">
			<form action="${pageContext.request.contextPath }/sixiou/findAll" class="layui-form">
				<input type="hidden" name="isDistance" value="false">
				<!-- <div class="layui-input-inline">
					<input type="text" class="layui-input searchVal" name="keyword1" placeholder="please input keyword1" />
				</div>
				<input type="submit" value="search" class="layui-btn search_btn layui-btn-xs"> -->
				<a href="${pageContext.request.contextPath }/page/sixiou/sixiouInsert.jsp" class="layui-btn layui-btn-normal addLink_btn layui-btn-xs">
				<i class="layui-icon">&#xe608;</i>添加</a>
			</form>
			</div>
	</blockquote>
    
	<table lay-filter="sixiou">
		<thead>
			<tr>
				<th lay-data="{field:'id',align:'center',sort: true}">编号</th>
				<th lay-data="{field:'topic',align:'center'}">题目</th>
				<th lay-data="{field:'topic_ans',align:'center'}">选项</th>
				<th lay-data="{field:'answer',align:'center'}">答案</th>
				<th lay-data="{field:'grad',align:'center',sort: true}">分数</th>
				<th lay-data="{field:'multiple',align:'center'}">是否多选</th>
				<th lay-data="{field:'operation', align:'center'}">操作</th>
			</tr>
		</thead>
		<tbody>
		    <c:forEach items="${list}" var="sixiou">
			<tr>
			    <td >${sixiou.id}</td>
			    <td >${sixiou.topic}</td>
			    <td >${sixiou.topic_ans}</td>
			    <td >${sixiou.answer}</td>
			    <td >${sixiou.grad}</td>
			    <td >${sixiou.multiple}</td>
				<td>
				    <div class="layui-btn-group">
					    <a class="layui-btn layui-btn-xs"
						href="javascript:goHref('${pageContext.request.contextPath}/sixiou/saveById?id=${sixiou.id }');">
						<i class="layui-icon">&#xe642;</i>更新</a>
						<a		class="layui-btn layui-btn-xs layui-btn-danger"	href="javascript:if(confirm('确认删除编号是${sixiou.id}的记录?')) {goHref('${pageContext.request.contextPath}/sixiou/deleteById?id=${sixiou.id }');}">						<i class="layui-icon">&#xe640;</i>删除</a>
				    </div>
				</td>
			</tr>
			</c:forEach>
		</tbody>
	</table>
</body>
	<script type="text/javascript">
		layui.use('table', function() {
			var table = layui.table;
			table.init('sixiou', {
				height: 475 
				,limit: 10 
				,page: true 
				,skin: 'row' 
				,even: true 
				,size: 'lg' /*sm*/ 
				,toolbar: '#toolbarSixiou' 
				,defaultToolbar: ['filter', 'exports', 'print', { 
					title: 'tip'
					,layEvent: 'LAYTABLE_TIPS'
					,icon: 'layui-icon-tips'
				}]
			}); 
		});
	</script>
</html>